<template>
  <span v-for="(value,key,index) in mark" :key="index">
    属性名：{{key}}，属性值：{{value}}<br>
  </span>
</template>

<script>
import { reactive, toRefs } from 'vue'

export default {
  setup () {
    const state = reactive({
      mark: {
        C语言程序设计: 90,
        离散数学: 95,
        大学英语: 89
      }
    })

    return {
      ...toRefs(state)
    }
  }
}
</script>